<style type="text/css">
#menuDemo li .a { word-spacing: 32px; color: #FF00FF; }
</style>
<script type="text/javascript">
$(function(){
	var mu = $('#menuDemo').mac('menu', {
		children: [{
			title: 'Auto width, support EN/CN  如果有中文?',
			action : 'itemA',
			icon: 'icon-newwin',
			children: [{
				title : 'No icon',
				action : 'itemA1'
			},{
				title : 'Can?',
				action : 'itemA2',
				icon: 'icon-newwin'
			}]
		},{
			title : 'This item has submenu',
			icon: 'icon-newwin',
			children: [{
				title : 'No icon',
				action : 'itemB1',
				children: [{
					title : 'No icon',
					action : 'itemB1A'
				},{
					title : '如果有中文？',
					action : 'itemB2A',
					icon: 'icon-newwin',
					children: [{
						title : 'No',
						action : 'itemB1A1'
					},{
						title : 'Yes 如果有中文？ 如果有中文？',
						action : 'itemB2A2',
						icon: 'icon-newwin'
					}]
				}]
			},{
				title : 'Can change CSS',
				action : 'itemB2',
				style: 'a',
				icon: 'icon-newwin'
			}]
		}]
	});
	$('#menuBtn').contextMenu({
		menu : mu,
		button: 1,//3: right click, 1: left click
		onPopup : function(el) {
			//onPopup event
		},
		anchor: 'el',//Notice here!
		offset: { x: 1, y: 20 }
	}, function(action, el, pos) {
		alert(action);
		return false;
	});
});
</script>
<button id="menuBtn">Click Me</button>
<ul id="menuDemo" class="contextMenu"></ul>